<template>
  <div style="font-size: 0.35rem">
    <span @click="back"><</span>
    <span>我的卡券</span>

    <div>
      <p style="height: 0.6rem;line-height: 0.6rem;background: rgb(255, 244, 222);">
        问诊券使用说明<span
          style="
            display: inline-block;
            width: 0.3rem;
            height: 0.3rem;
            font-size: 0.35rem;
            text-align: center;
            border: 0.01rem solid #ccc;
            line-height: 0.3rem;
            border-radius: 50%;
            color: #ccc;
          "
          >!</span>
      </p>
      <p style="height: 0.6rem;line-height: 0.6rem;text-align: center;">没有更多有效券了</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
const back = () => {
  router.push('/ding/index')
}
</script>

<style>
</style>
